<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>注册页面</title>
		<style>
			boby,html{
				height: 100%;
				margin: 0;
				font-family: Arial, sans-serif;
			}
			.container{
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				background-image: url("img/jjj.jpg ");
				background-size: cover;
				background-position: center;
			}
			.form-box{
				width: 25%;
				margin: 10px;
				padding: 20px;
				background: rgba(255, 255, 255, 0.8);
				border-radius: 8px;
				box-shadow: 0 4px 8px rgba(0,0,0,0.1);
			}
			.form-group{
				margin-bottom: 15px;
				width: 90%;
			}
			.form-group label{
				display: block;
				margin-bottom: 5px;
			}
			.form-group input[type="text"],
			.form-group input[type="password"] {
				width: 100%;
				padding: 10px;
				border: 1px solid #ccc;
				border-radius: 4px;
			}
			.form-group button {
				width: 100%;
				padding: 10px;
				background-color: #007BFF;
				color: white;
				border: none;
				border-radius: 4px;
				cursor: pointer;
			}
			.form-group button:hover{
				background-color: #0056b3;
			}
			a {
				color: #FFFFFF;
				text-decoration: none;
			}
			a:hover {
				text-decoration: underline;
			}
			
		</style>
	</head>
	<body>
	<div class="container">
		<div class="form-box">
			<form class="form-login">
				<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登录</h2>
				<div class="form-group">
					<label for="login-username">用户名:</label>
					<input type="text" id='login-username'required>
				</div>
				<div class="form-group">
					<label for="login-password">密码:</label>
					<input type="password" id="login-password"required>
				</div>
				<div class="form-group">
					&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" onclick='getVerificationCode()'>&nbsp;&nbsp;获取验证码</button>
				</div>
				<div class="form-group">
					&nbsp;&nbsp;&nbsp;&nbsp;<button type="submit"><a href="个人介绍.html">&nbsp;&nbsp;登录</a></button>
					
				</div>
				<div class="form-group">
					<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;忘记密码？</a> | <a href="register.html">新用户注册</a>
				</div>
			</form>
		</div>
	</div>
	<script>
		function getVerificationCode{
			alert("验证码已发往到您的邮箱")
		}
	</script>
	</body>
</html>
